<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"  
	xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:mc="http://java.sun.com/jsf/composite/cmps"
    xml:lang="de" lang="de">
	<head>
		<title>EWA Memory :: Spiel 1</title>
		<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/>
		<meta name="description" content="Das EWA Memory, ein Spass der niemals endet."/>
		<meta name="keywords" content="Spiel EWA memory"/>
		<meta name="language" content="de-AT"/>

		<link rel="stylesheet" type="text/css" href="styles/screen.css"/>
	</head>
	<body>
		<div id="wrapper">
			<div id="header">
				<div id="teaser"></div>
				<div id="logo"></div>
				<h1>EWA Memory</h1>

			</div>
			<ul class="accessibility">
				<li><a href="#navigation" accesskey="1">Navigation</a></li>
				<li><a href="#formblock" accesskey="0">Registrierungs-Formular</a></li>
			</ul>
			<div id="body">
				<div id="navigation">
					<h2 class="accessibility">Navigation</h2>

					<ul>
						<li><a href="#">Zur&uuml;ck zur Lounge</a></li>
						<li><a href="#">Einloggen</a></li>
					</ul>
				</div>
				<hr class="accessibility" />
				<div id="main">

					<h2>Registrieren</h2>
					<p>Bitte f&uuml;llen Sie das untenstehende Formular aus!</p>
				
					<h:form action="#" method="post" id="sendeRegistrierung">
					<h3>Pers&ouml;nliche Daten</h3>
					<mc:collapse model="#{spieler}">
					<div class="formblock">
					
					<fieldset>

						<div>
				                        <label class="Float" for="firstname">Vorname</label>
	                			        <h:inputText id="firstname" name="firstname" value="#{spieler.vorName}"/>
						</div>
						<div>
							<label class="Float" for="lastname">Nachname</label>
							<h:inputText id="lastname" name="lastname" value="#{spieler.nachName}" />
						</div>

						<div>
							<label class="Float" for="dateofbirth">Geburtsdatum</label>
							<h:inputText id="dateofbirth" name="dateofbirth" value="#{spieler.gebDatum}"/>
						</div>
						<div>
					                <label class="Float" for="sex">Geschlecht</label>
					                <h:selectOneMenu id="sex" name="sex" value="#{spieler.geschlecht}">
					                    <f:selectItem itemValue="w" itemLabel="weiblich"></f:selectItem>

					                    <f:selectItem itemValue="m" itemLabel="m&auml;nnlich"> </f:selectItem>
					                </h:selectOneMenu>
						</div>
					</fieldset>
					</div>
					</mc:collapse>
					<h3><span xml:lang="en">Login</span> Daten und Gr&ouml;&szlig;e des <span xml:lang="en">Stack</span></h3>

					<div class="formblock">
						<mc:loginbox >test</mc:loginbox>

					</div>
					<div id="buttons">
						<h:commandButton  value="Registrieren" accesskey="r" action="/login.xhtml"/>
					</div>
					</h:form>



				</div>
			</div>

			<div id="footer">
				<p>&copy; 2011 EWA Memory.</p>
			</div>
		</div>
	</body>
</html>
